<%@ page contentType="text/html;charset=UTF-8" import="com.db.UserDao" language="java" %>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录/注册</title>
    <link rel="stylesheet" href="css/amazeui.css" />
    <link rel="stylesheet" href="css/other.min.css" />
    <link rel="shortcut icon" href="webicon.ico" type="image/x-icon" />
    
    

<style type="text/css">
*{
	margin: 0;
	padding: 0;
}

#wrap {
	height: 400px;
	width: 100;
	position: center;
}
#wrap .logGet {
	height: 500px;
	width: 368px;  
	position: absolute;
	background-color: #FFFFFF;
	top: 25%;
	margin-left:38%;
}
.logGet .logD.logDtip .p1 {
	display: inline-block;
	font-size: 28px;
	margin-top: 30px;
	width: 86%;
}
#wrap .logGet .logD.logDtip {
	width: 100%;
	border-bottom: 1px solid #3e8e41;
	margin-bottom: 60px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.logGet .lgD img {
	position: absolute;
	top: 12px;
	left: 8px;
}
.logGet .lgD input {
	width: 100%;
	height: 42px;
	text-indent: 2.5rem;
}
#wrap .logGet .lgD {
	width: 86%;
	position: relative;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#wrap .logGet .logC {
	width: 86%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
 .button {
  display: inline-block;
  padding: 10px 100px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;   
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

</style>

	
</head>

<body style="background:#CCFF99;">





<div class="wrap" id="wrap" align="center">
	<div class="logGet" align="center">
			<!-- 头部提示信息 -->
			<div class="logD logDtip">
				<p class="p1" style="text-align:center;">登录</p>
  
			</div>
	    
	         <a><br></a>
	        
			<!-- 输入框 -->
		
			  <form method="post" action="UserServlet?method=login" class="am-form" data-am-validator>
                <input type="hidden" name="method" value="login">
			
			   <div class="lgD">
				<img src="userImage/email.png" width="20" height="20" alt=""/>
				<input type="email" name="email" minlength="3" 
					placeholder="输入邮箱" />
			   </div>
			
			
			
			   <div class="lgD">
				<img src="userImage/lock.png" width="20" height="20" alt=""/>
				<input type="password" name="password" 
					placeholder="输入密码" />
			   </div><br><br>
		
			<div style="text-align:center;">
			
				<button class="button"  type="submit" name="action" >登录</button>
			
            </div>

			
			</form>
			<div style="text-align:center;">
			<a><br></a>
			<a href="register.jsp">点击此处注册新账号</a>
			</div>
		</div>
</div>


<script type="text/javascript" color="255,0,0" opacity="0.7" count="99" src="https://www.whatled.com/content/templates/whatled/js/canvas-nest.min.js"></script>

</body>
</html>